<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
  <script>
    /* 
        作用域 （scope)
            - 作用域指的是一个变量的可见区域
            - 作用域有两种：
                全局作用域
                    - 全局作用域在网页运行时创建，在网页关闭时消耗
                    - 所有直接编写在script标签中的代码都位于全局作用域中
                    - 全局作用域中的变量是全局变量，可以在任意位置访问
                局部作用域
                    - 块作用域
                        - 块作用域是一种局部作用域
                        - 块作用域在代码块执行时创建，代码块执行完毕它就销毁
                        - 在块作用域中声明的变量是局部变量，只能在块内部访问，外部无法访问
    */
    let a = "变量a";
    {
      let b = "变量b";
      {
        {
          console.log(b, "b"); //只要在同一个块内部， 变量都可以访问到
        }
      }
    }
    {
      console.log(b, "另一个块");
    }
    console.log(b, "b"); //访问不到b， 有块级作用域
  </script>
</html>
